var customcard = {
  init: function () {
      $(".card-header-right .close-card").on("click", function () {
          var $this = $(this);
          $this.parents(".card").animate({
              "opacity": "0",
              "-webkit-transform": "scale3d(.3, .3, .3)",
              "transform": "scale3d(.3, .3, .3)"
          });
          setTimeout(function () {
              $this.parents(".card").remove();
          }, 800);
      }), 
      $(".card-header-right .reload-card").on("click", function () {
        var $this = $(this);
        $this.parents(".card").addClass("card-load");
        $this
          .parents(".card")
          .append(
            '<div class="loader-box card-loader"><div class="loader card-load"><div class="whirly-loader"></div></div></div>'
          );
        setTimeout(function () {
          $this.parents(".card").children(".card-loader").remove();
          $this.parents(".card").removeClass("card-load");
        }, 3000);
      }), $(".card-header-right .card-option .icon-settings").on("click", function () {
          var $this = $(this);
          if ($this.hasClass("icon-angle-double-right")) {
              $(this).addClass("fa-spin");
              $this.parents(".card-option").animate({
                  "width": "35px",
              });
          } else {
              $(this).removeClass("fa-spin");
              $this.parents(".card-option").animate({
                  "width": "176px",
              });
          }
          $(this).toggleClass("icon-angle-double-right").fadeIn("slow");
      }), $(".card-header-right .minimize-card").on("click", function () {
          var $this = $(this);
          var port = $($this.parents(".card"));
          var card = $(port).children(".card-body").slideToggle();
          $(this).toggleClass("icofont-plus").fadeIn("slow");
      }), $(".card-header-right .full-card").on("click", function () {
          var $this = $(this);
          var port = $($this.parents(".card"));
          port.toggleClass("full-card");
          $(this).toggleClass("icofont-resize");
      }), $(".view-html").on("click", function () {
          var html_source = $(this).parents(".card");
          var html_chield = html_source.find(".card-body");
          html_chield.toggleClass("show-source");
          $(this).toggleClass("fa-eye");
      }),$(document).ready(function () {
              const clipboard = new ClipboardJS(".btn-clipboard");
              clipboard.on("success", function (e) {
                  e.querySelector();
                  e.clearSelection();
              });
              clipboard.on("error", function (e) {
              });
          });
  }
};

(function ($) {
  "use strict";
  customcard.init()
})(jQuery);